<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>账户管理</title>
	<link rel="stylesheet" type="text/css" href="__CSS__api.css" />
	<link rel="stylesheet" type="text/css" href="__CSS__aui.css" />
	<style>
		.aui-bar-nav .aui-iconfont {
			position: relative;
			font-family: "aui_iconfont" !important;
			font-size: 0.75rem;
			color: #E73C5C;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			height: 2.4rem;
		}

		.aui-bar-nav {
			background-color: #fff;
		}

		.aui-icon-tu {
			height: 2.4rem;
			width: 49px;
			background: url('__IMG__left.png') no-repeat 0.5rem center;
			background-size: 22px 22px;
		}

		.aui-bar-nav .aui-pull-right {
			padding-right: 0.75rem;
		}

		.aui-bar-nav .aui-title {
			font-size: 0.9rem;
			color: #333333;
			font-weight: 500;
		}
		.warrp{
		 width: 100%;
		 height: 100%;
		 padding: 0 0.75rem 0 0.75rem;
		 background-color: #FFFFFF;
		}
		.user{
		 width: 100%;
		 height: 2.5rem;
		 display: flex;
		 align-items: center;
		 justify-content: space-between;

	}
		.font{
			font-size: 0.8rem;
			color: #333333;
			line-height: 1.1rem;
		}
		.tu img{
			width: 0.7rem;
			height: 0.7rem;
		}
		.hengtiao{
			width: 100%;
			height: 0.5rem;
			background-color: #FBF9F7;
		}
		.switch-btn {
				cursor: pointer;
				width: 1.7rem;
				height:0.9rem;
				position: relative;
				border: 1px solid #dfdfdf;
				box-shadow: #dfdfdf 0 0 0 0 inset;
				border-radius: 15px;
				background-clip: content-box;
				display: inline-block;
				-webkit-appearance: none;
				user-select: none;
				outline: none;
		}

		.switch-btn:before {
				content: '';
				width: 0.8rem;
				height: 0.8rem;
				position: absolute;
				top: 0;
				left: 0;
				border-radius: 20px;
				background-color: #fff;
				box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		}

		.switch-btn:checked {
				border-color: #D45365;
				box-shadow: #D45365 0 0 0 16px inset;
				background-color: #D45365;
		}

		.switch-btn:checked:before {
				left: 0.8rem;
		}

		.switch-btn.switch-btn-animbg {
				transition: background-color ease .4s;
		}

		.switch-btn.switch-btn-animbg:before {
				transition: left .3s;
		}

		.switch-btn.switch-btn-animbg:checked {
				box-shadow: #dfdfdf 0 0 0 0 inset;
				background-color: #D45365;
				transition: border-color .4s, background-color ease .4s;
		}

		.switch-btn.switch-btn-animbg:checked:before {
				transition: left .3s;
		}
		.button{
			width:100%;
			height:2.5rem;
			background:#FFFFFF;
			border: 1px  solid #E73C5C;
			border-radius:5px;
			font-size:0.8rem;
			color:#E73C5C;
			line-height:2.5rem;
			text-align: center;
		}
	</style>
</head>

<body>
	<header class="aui-bar aui-bar-nav underLine" style="padding-top:25px;" id="header">
		<a class="aui-pull-left" tapmode="active" onclick="history.go(-1)"> <span class="aui-iconfont aui-icon-tu"> </span> </a>
		<div class="aui-title">账户管理</div>
	</header>
	<div class="warrp">
    <div class="user underLine" onclick="fnPhone()" tapmode='active'>
      <div class="font">
        手机号
      </div>
      <div class="" style="display:flex;align-items: center;justify-content:center;">
      <div class="shuzi" style="margin-right:0.45rem;font-size:0.8rem;color:#333333;">
        {$user_info.user_phone}
      </div>
      <div class="tu">
        <img src="__IMG__goto.png" alt="">
      </div>
    </div>
    </div>
    <div class="user" onclick="fnXiu()" tapmode='active'>
      <div class="font">
        修改登陆密码
      </div>
      <div class="tu">
        <img src="__IMG__goto.png" alt="">
      </div>
    </div>
      </div>
			<div class="hengtiao"></div>
			<div class="warrp">
				<div class="user underLine">
					<div class="font">
						微信
					</div>
					<div class="" style="display:flex;align-items: center;justify-content:center;">
					<div class="shuzi" style="margin-right:0.45rem;font-size:0.8rem;color:#333333;">
						{if $user_info.wx==1}
						已绑定
                        {else/}
                        未绑定
                        {/if}
					</div>
					<!--<div class="tu">-->
						<!--<img src="__IMG__goto.png" alt="">-->
					<!--</div>-->
				</div>
				</div>
				<div class="user underLine">
					<div class="font">
						QQ
					</div>
					<div class="" style="display:flex;align-items: center;justify-content:center;">
					<div class="shuzi" style="margin-right:0.45rem;font-size:0.8rem;color:#999999;">
						未绑定
					</div>
					<!--<div class="tu">-->
						<!--<img src="__IMG__goto.png" alt="">-->
					<!--</div>-->
				</div>
				</div>
				<div class="user underLine">
					<div class="font">
						微博
					</div>
					<div class="" style="display:flex;align-items: center;justify-content:center;">
					<div class="shuzi" style="margin-right:0.45rem;font-size:0.8rem;color:#999999;">
						未绑定
					</div>
					<!--<div class="tu">-->
						<!--<img src="__IMG__goto.png" alt="">-->
					<!--</div>-->
				</div>
				</div>
					</div>
</body>
<script type="text/javascript" src="__JS__api.js"></script>
<script type="text/javascript" src="__JS__tt.js"></script>
<script type="text/javascript">
    //验证手机号
    function fnPhone(){
        location.href = '{:url("Login/verifyPhone")}';
    }

    //修改密码
	function fnXiu() {
		location.href = '{:url("Login/changePwd")}';
	}
</script>

</html>
